:root
{
    color-scheme: light;
        
    /* Typografie */
    --pismo-zakladni: "Roboto", sans-serif;
    --pismo-nadpis: "Roboto", serif;
    --pismo-mono: "Fira Code", monospace;
    --pismo-velikost-zakladni: 14px;
    --pismo-velikost-stredni: 12px;
    --pismo-velikost-male: 11px;
    --pismo-velikost-h1: 23px;
    --pismo-velikost-h2: 20px;
    --pismo-velikost-h3: 18px;
    --pismo-velikost-h4: 16px;
    --vyska-radku-zakladni: 1.7rem;
    --vyska-radku-nadpis: 1.9rem;

    /* Barvy */
    --barva-pozadi: #fff; /* Pozadí plochy */
    --barva-primarni: #1681c4; /* Základní barva projektu - modrá, oranžová */
    --barva-sekundarni: #6c757d; 
    
    --barva-text: #404040;
    --barva-odkaz: #1182b2;
    --barva-seda: #808080;
    --barva-text-inverzni: #fff;
    --barva-cerna: #404040;
    --barva-cervena: #ce060d;
    --barva-zelena-svetla: #dff6dd;
    --barva-zelena-tmava: #0b6a0b;

    --barva-tlacitko-primarni-text: #fff;
    --barva-tlacitko-primarni-pozadi: #1182b2;

    /* Levé menu */
    --sidebar-width: 200px;
    --sidebar-offset: 0px;
        
    --barva-menu-pozadi: #fefefe;
    --barva-menu-hover: #efefef;
    --barva-menu-okraj: #d9d9d9;
    --barva-menu-text: var(--barva-text);
    --barva-menu-aktivni-text: #fff;
    --barva-menu-aktivni-pozadi: var(--barva-primarni);

    /*--barva-pozadi-menu: #323031; /* Pozadí horního a levého menu */
    /*--barva-pozadi-menu-prechod: #606060; /* Barva pro přechod levého menu - barva přechází z barva-pozadi-menu do této barvy */

    /* Syncfusion */
    --bs-font-sans-serif: var(--pismo-zakladni) !important;
    --color-sf-primary: 17,130,187;
    --color-sf-success: var(--color-sf-primary);
}

:root[data-theme="dark"]
{
    color-scheme: dark;
    --barva-pozadi: #000;
}